<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <!--    div如果不设置高度，则高度为0，宽度为100%-->
    <!--    div盒子-->
    <!--    需要拿到当前的div，css 选择器-->
    <!--    写css有3中写法-->
    <div class="company">
        <div>
            <!--            公司logo-->
            <div><img src="../img/logo_g0yv.jpg"/></div>
            <!--            公司电话-->
            <div>
                <!--                图片-->
                <div><img src="../img/icon2_03_uc2a.png"/></div>
                <!--                字符-->
                <div>028-88888888</div>
            </div>
        </div>
    </div>
    <div class="nva">
        <div>
            <div><a href="home.html">网站首页</a> </div>
            <div><a href="company.html">公司简介</a></div>
            <div><a href="news.html">新闻动态</a></div>
            <div><a href="product.html">产品展示</a></div>
            <div><a href="online.html">在线留言</a></div>
            <div><a href="callus.html">联系我们</a></div>
        </div>
    </div>
    <div class="ad">
        <div>
            <div>
                品味生活·品味美食
            </div>
            <!--            下面的文字应该是占一行-->
            <div>
                <div> 一壶茶沏出了生活的醇美</div>
                <div>一枝花开出了生活的鲜艳</div>
                <div>一首诗吟出了生活的酸辛</div>
                <div>一把火燃烧出了生活的激情</div>
                <div>一枝笔绘出了人生的五彩缤纷</div>
                <div>一首歌 唱出了人生的喜怒哀惧</div>
                <div>生活像五味瓶，这么酸，这么甜，这么苦、又这么辣</div>
            </div>
            <div>
                <div>
                    <div> 品味</div>
                    <div> 生活</div>
                    <div> 品味</div>
                    <div> 美食</div>
                </div>
                <div> 星语餐饮给你生活指南</div>

            </div>
        </div>
    </div>
</div>
</body>
</html>